:root{--ink:#243126;--muted:#687269;--paper:#f7f3ec;--cream:#eee8dd;--sage:#869181;--forest:#334b3b;--line:rgba(36,49,38,.17);--white:#fffdf8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;font-weight:300;line-height:1.55}.sr-only,.skip{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip:focus{width:auto;height:auto;clip:auto;z-index:1000;padding:12px;background:#fff}.header{height:84px;padding:0 clamp(24px,5vw,80px);display:flex;align-items:center;gap:34px;position:absolute;z-index:20;width:100%;color:var(--ink)}.brand{font:500 14px/1 "Manrope",sans-serif;letter-spacing:.24em;color:inherit;text-decoration:none;white-space:nowrap}.header nav{display:flex;gap:clamp(15px,2vw,32px);margin-left:auto}.header nav a,.contact-line a{color:inherit;text-decoration:none;font-size:13px}.header nav a:hover{text-decoration:underline;text-underline-offset:6px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:0 27px;background:var(--forest);color:var(--white);text-decoration:none;font-size:12px;font-weight:500;letter-spacing:.11em;border:1px solid var(--forest);transition:.25s}.button:hover{background:#213529;transform:translateY(-2px)}.button-small{min-height:42px;padding:0 20px}.menu-toggle{display:none}.hero{height:min(900px,100vh);min-height:680px;position:relative;overflow:hidden}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 50%}.hero-mist{position:absolute;inset:0;background:linear-gradient(90deg,rgba(247,243,236,.94) 0%,rgba(247,243,236,.84) 26%,rgba(247,243,236,.3) 50%,rgba(247,243,236,0) 66%)}.hero-copy{position:absolute;left:clamp(24px,8vw,130px);top:50%;transform:translateY(-43%);max-width:650px}.eyebrow,.kicker{font-size:11px;font-weight:500;letter-spacing:.2em;margin:0 0 20px}.hero h1,.section h2,.first-visit h2,.reservation h2{font-family:"Manrope",sans-serif;font-weight:300;line-height:1.08;letter-spacing:-.035em}.hero h1{font-size:clamp(48px,5.6vw,82px);max-width:760px;margin:0 0 25px}.lead{font-size:clamp(17px,1.6vw,21px);margin:0 0 34px}.location{font-size:12px;letter-spacing:.06em;margin:32px 0 8px}.reassurance{font-size:14px;margin:0}.section{padding:clamp(80px,10vw,150px) clamp(24px,8vw,130px)}.section-head{max-width:760px;margin-bottom:65px}.section h2,.first-visit h2,.reservation h2{font-size:clamp(36px,4.3vw,60px);margin:0 0 24px}.section-head>p:last-child{font-size:18px;color:var(--muted)}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.problem-card{min-height:285px;padding:34px;display:flex;flex-direction:column;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-decoration:none;color:inherit;transition:.3s}.problem-card:hover{background:var(--white);transform:translateY(-4px)}.problem-card>span{font-size:11px;color:var(--sage)}.problem-card h3{font:500 14px/1.3 "Manrope",sans-serif;letter-spacing:.12em;margin:46px 0 15px}.problem-card p{color:var(--muted);max-width:310px}.problem-card strong{font-size:12px;font-weight:500;margin-top:auto}.consultation{background:var(--forest);color:var(--white)}.consultation p,.consultation>span{color:#d7dfd7}.consultation:hover{background:#294031}.results{background:#e5e3da}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.case-placeholder>div{aspect-ratio:4/3;background:linear-gradient(110deg,#dad7ce,#eeebe3);display:grid;grid-template-columns:1fr 1fr}.case-placeholder>div span{align-self:end;padding:15px;font-size:10px;letter-spacing:.16em;border-right:1px solid rgba(255,255,255,.65)}.case-placeholder p{font-size:12px;color:var(--muted)}.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:50px 0}.reviews div{height:100px;border-top:1px solid rgba(36,49,38,.25);border-bottom:1px solid rgba(36,49,38,.12);position:relative}.reviews div:before,.reviews div:after{content:"";position:absolute;left:0;height:5px;background:rgba(36,49,38,.15)}.reviews div:before{top:25px;width:88%}.reviews div:after{top:43px;width:62%}.text-button{font-size:12px;letter-spacing:.12em;font-weight:500;color:inherit;text-decoration:none;border-bottom:1px solid;padding-bottom:6px}.about{display:grid;grid-template-columns:minmax(280px,.85fr) 1.15fr;gap:clamp(50px,9vw,140px);align-items:center}.portrait-placeholder{aspect-ratio:4/5;background:linear-gradient(145deg,#dfe2d9,#c4cec1);display:flex;align-items:flex-end;padding:25px}.portrait-placeholder span{font-size:10px;letter-spacing:.18em}.about-copy{max-width:690px}.about-copy h2{font-size:clamp(38px,4.2vw,58px)}.about-copy p{color:var(--muted);margin:0 0 20px}.about-copy .text-button{display:inline-block;margin-top:20px}.first-visit{padding:clamp(80px,9vw,130px) clamp(24px,8vw,130px);background:var(--forest);color:var(--white);text-align:center}.first-visit .kicker{color:#c7d0c7}.steps{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap;margin:48px 0 35px}.steps span{font:400 13px "Manrope",sans-serif;letter-spacing:.1em}.steps i{font-style:normal;color:#aebcad}.first-visit>p{color:#d9dfd9}.button.light{background:var(--white);border-color:var(--white);color:var(--forest);margin-top:20px}.treatments .section-head{margin-bottom:35px}.treatment-list{margin-bottom:45px;border-top:1px solid var(--line)}.treatment-list a{display:flex;align-items:center;justify-content:space-between;min-height:92px;padding:18px 2px;border-bottom:1px solid var(--line);text-decoration:none;color:inherit;font:400 clamp(18px,2vw,27px) "Manrope",sans-serif;transition:.25s}.treatment-list a:hover{padding-left:18px}.treatment-list small{display:block;font:300 13px "DM Sans",sans-serif;color:var(--muted);margin-top:7px}.treatment-list b{font-weight:300}.button.outline{background:transparent;color:var(--forest)}.button.outline:hover{background:var(--forest);color:var(--white)}.place{background:var(--cream);display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(50px,8vw,120px);align-items:center}.place-copy p{color:var(--muted)}.place-gallery{display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:1fr 1fr;gap:12px;height:560px}.place-gallery div{background:linear-gradient(145deg,#d8d5ca,#bdc7ba);display:flex;align-items:flex-end;padding:18px}.place-gallery div:first-child{grid-row:1/3}.place-gallery span{font-size:10px;letter-spacing:.15em}.reservation{padding:clamp(90px,11vw,170px) 24px 55px;text-align:center;background:var(--white)}.reservation>div:first-child{max-width:780px;margin:auto}.reservation p{font-size:19px;color:var(--muted)}.reservation-actions{display:flex;justify-content:center;gap:12px;margin:40px 0 90px}.contact-line{display:flex;justify-content:center;gap:12px;font-size:13px;color:var(--muted)}footer{padding:30px clamp(24px,5vw,80px);display:flex;justify-content:space-between;border-top:1px solid var(--line);font-size:11px}.mobile-bar{display:none}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:980px){.header nav,.desktop-cta{display:none}.header{position:absolute;height:72px}.menu-toggle{display:block;margin-left:auto;background:none;border:0;padding:10px}.menu-toggle span:not(.sr-only){display:block;width:24px;height:1px;background:var(--ink);margin:5px}.header.open{background:var(--paper);position:fixed}.header.open nav{display:flex;position:absolute;left:0;right:0;top:72px;background:var(--paper);padding:25px 24px 38px;flex-direction:column;border-bottom:1px solid var(--line)}.hero{height:820px}.hero>img{object-position:58% center}.hero-mist{background:linear-gradient(90deg,rgba(247,243,236,.93),rgba(247,243,236,.72) 58%,rgba(247,243,236,.12))}.problem-grid{grid-template-columns:repeat(2,1fr)}.about,.place{grid-template-columns:1fr}.portrait-placeholder{max-width:520px}.place-gallery{height:450px}}@media(max-width:640px){body{padding-bottom:58px}.header{padding:0 20px}.hero{height:780px;min-height:700px}.hero>img{object-position:61% center}.hero-mist{background:linear-gradient(180deg,rgba(247,243,236,.88) 0%,rgba(247,243,236,.7) 42%,rgba(247,243,236,.08) 78%)}.hero-copy{left:22px;right:22px;top:44%;transform:translateY(-50%)}.hero h1{font-size:47px}.lead br,.about-copy br,.first-visit br{display:none}.location{margin-top:26px}.section{padding:78px 22px}.section-head{margin-bottom:42px}.section h2,.first-visit h2,.reservation h2{font-size:39px}.problem-grid{grid-template-columns:1fr}.problem-card{min-height:230px;padding:28px}.problem-card h3{margin-top:32px}.case-grid,.reviews{grid-template-columns:1fr}.case-grid .case-placeholder:nth-child(3),.reviews div:nth-child(3){display:none}.about{gap:46px}.first-visit{padding:76px 22px}.steps{display:grid;grid-template-columns:1fr auto;justify-content:start;text-align:left;gap:15px;margin:38px auto;max-width:240px}.steps i{transform:rotate(90deg)}.steps i:last-of-type{display:none}.treatment-list a{min-height:82px}.place-gallery{height:470px;grid-template-columns:1fr 1fr;grid-template-rows:1.25fr .75fr}.place-gallery div:first-child{grid-column:1/3;grid-row:auto}.reservation-actions{flex-direction:column;margin-bottom:65px}.contact-line{flex-wrap:wrap}.mobile-bar{display:grid;position:fixed;z-index:50;bottom:0;left:0;right:0;height:58px;grid-template-columns:1fr 1fr;background:var(--forest);box-shadow:0 -5px 25px rgba(0,0,0,.12)}.mobile-bar a{display:flex;align-items:center;justify-content:center;color:white;text-decoration:none;font-size:11px;letter-spacing:.12em;font-weight:500}.mobile-bar a+a{border-left:1px solid rgba(255,255,255,.3)}footer{margin-bottom:0}}

/* HERO v2 — ciepły, butikowy, specjalistyczny */
.header{color:#2d2723}
.header .desktop-cta,.hero .button{background:#302822;border-color:#302822;color:#fffaf2}
.header .desktop-cta:hover,.hero .button:hover{background:#181411;border-color:#181411}
.hero{height:clamp(640px,100svh,820px);min-height:640px;background:#eee5d7;color:#302822}
.hero>img{left:44%;width:56%;height:100%;object-position:center 65%;filter:saturate(1.04) contrast(1.04)}
.hero-mist{left:40%;right:auto;width:12%;background:linear-gradient(90deg,#eee5d7 0%,rgba(238,229,215,.72) 38%,rgba(238,229,215,0) 100%)}
.hero-copy{left:clamp(32px,6.5vw,104px);top:52%;transform:translateY(-50%);width:min(38vw,560px);max-width:560px}
.hero .eyebrow{color:#755d4b;font-size:12px;margin-bottom:18px}
.hero h1{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(48px,4.7vw,68px);font-weight:600;line-height:.98;letter-spacing:-.025em;max-width:550px;margin:0 0 22px}
.hero .lead{font-size:clamp(16px,1.35vw,19px);font-weight:400;line-height:1.5;max-width:520px;margin-bottom:27px}
.hero .button{min-height:50px;padding-inline:29px}
.hero .location{color:#5f5148;font-size:12px;font-weight:500;margin:25px 0 5px}
.hero .reassurance{color:#5f5148;font-size:14px}

@media(max-width:980px){
  .hero{height:clamp(700px,100svh,820px);min-height:700px}
  .hero>img{left:42%;width:58%;object-position:center 66%}
  .hero-mist{left:37%;width:14%;background:linear-gradient(90deg,#eee5d7,rgba(238,229,215,0))}
  .hero-copy{left:clamp(24px,5vw,48px);width:40vw}
  .hero h1{font-size:clamp(43px,5.8vw,58px)}
}

/* Sekcja Miejsce — galeria 2 × 2 */
.place .place-gallery{
  grid-template-columns:repeat(2,1fr);
  grid-template-rows:repeat(2,1fr);
}
.place .place-gallery div:first-child{
  grid-row:auto;
}
.place .place-gallery div{
  position:relative;
  overflow:hidden;
}
.place .place-gallery img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}
.place .place-gallery span{
  position:relative;
  z-index:1;
}
@media(max-width:640px){
  .place .place-gallery{
    height:auto;
    grid-template-columns:1fr;
    grid-template-rows:none;
  }
  .place .place-gallery div{
    min-height:220px;
  }
  .place .place-gallery div:first-child{
    grid-column:auto;
  }
}

@media(max-width:640px){
  .header{height:62px;color:#302822}
  .header.open{background:#f2eadf}
  .hero{height:calc(100svh - 58px);min-height:680px;max-height:800px;background:#f2eadf}
  .hero>img{inset:0 0 auto 0;width:100%;height:45%;object-position:center 67%;filter:saturate(1.04) contrast(1.06)}
  .hero-mist{inset:auto 0 52% 0;width:100%;height:10%;background:linear-gradient(180deg,rgba(242,234,223,0),#f2eadf)}
  .hero-copy{left:22px;right:22px;top:auto;bottom:22px;transform:none;width:auto;max-width:none}
  .hero .eyebrow{font-size:11px;margin-bottom:8px}
  .hero h1{font-size:clamp(38px,10.7vw,45px);line-height:.96;margin-bottom:10px;max-width:360px}
  .hero .lead{font-size:15px;line-height:1.38;margin-bottom:14px;max-width:350px}
  .hero .button{min-height:46px;padding-inline:22px}
  .hero .location{font-size:11px;line-height:1.35;margin:13px 0 3px}
  .hero .reassurance{font-size:12px;line-height:1.35;max-width:350px}
  .mobile-bar{background:#302822}
}

/* Sekcja Problemy skóry — kompaktowy układ desktopowy */
.problems .problem-card{
  background:#f6efe5;
  color:#302822;
  border-color:rgba(74,61,52,.16);
  padding:0;
  overflow:hidden;
}
.problems .problem-image{
  flex:0 0 40%;
  width:100%;
  overflow:hidden;
  border-radius:0;
  background:linear-gradient(135deg,#ded3c5 0%,#eee5d8 52%,#d7c8b6 100%);
}
.problems .problem-image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:0;
}
.problems .problem-content{
  flex:1;
  min-height:0;
  display:flex;
  flex-direction:column;
  padding:6px 18px;
}
.problems .problem-content>span{
  font-size:11px;
}
.problems .problem-content>span,
.problems .problem-card p{
  color:#75685f;
}
.problems .problem-card h3{
  margin:2px 0;
}
.problems .problem-card p{
  margin:0 0 2px;
}
.problems .problem-card:hover{
  background:#fbf7f0;
}
.problems .consultation{
  background:#e4d4c1;
  color:#302822;
  box-shadow:inset 0 0 0 1px rgba(74,61,52,.16);
}
.problems .consultation:hover{
  background:#deccb7;
}

@media(min-width:981px){
  .problems{
    padding:34px clamp(24px,8vw,130px) 32px;
  }
  .problems .section-head{
    margin-bottom:22px;
  }
  .problems .section-head .kicker{
    margin-bottom:10px;
  }
  .problems .section-head h2{
    margin-bottom:14px;
  }
  .problems .section-head>p:last-child{
    margin:0;
  }
  .problems .problem-card{
    min-height:210px;
    height:var(--compact-card-height,auto);
    padding:0;
  }
  .problems .problem-image{
    flex-basis:var(--preserved-image-height,40%);
  }
  .problems .problem-content{
    height:var(--compact-content-height,auto);
    min-height:var(--compact-content-height,0px);
  }
  .problems .problem-card h3{
    margin:2px 0;
  }
  .problems .problem-card p{
    margin:0 0 2px;
    margin-top:var(--description-offset,0px);
  }
}

/* HERO v3 — nowe zdjęcie, krótszy pierwszy ekran */
.header{
  height:72px;
  color:#2a2420;
  background:linear-gradient(180deg,rgba(244,235,220,.78) 0%,rgba(244,235,220,.34) 62%,rgba(244,235,220,0) 100%);
}
.header nav a{font-weight:400;color:#2a2420;text-shadow:0 1px 12px rgba(255,250,241,.6)}
.hero{height:min(760px,100svh);min-height:600px;background:#e9ddcc}
.hero>img{inset:0;width:100%;height:100%;object-fit:cover;object-position:center 45%;filter:none}
.hero-mist{display:none}
.hero-copy{left:clamp(32px,6.2vw,96px);top:52%;width:min(41vw,570px);max-width:570px}
.hero h1{font-size:clamp(46px,4.5vw,64px);line-height:.98;margin-bottom:18px}
.hero .lead{font-size:clamp(16px,1.3vw,18px);line-height:1.45;margin-bottom:22px}
.hero .button{min-height:48px}
.hero .location{margin-top:20px}

@media(max-width:980px){
  .hero{height:min(740px,100svh);min-height:620px}
  .hero>img{inset:0;width:100%;height:100%;object-position:42% 48%}
  .hero-copy{left:clamp(24px,5vw,48px);top:52%;width:45vw}
  .hero h1{font-size:clamp(42px,5.5vw,56px)}
}

@media(max-width:640px){
  .header{height:60px;background:linear-gradient(180deg,rgba(244,235,220,.82),rgba(244,235,220,.18))}
  .hero{height:calc(100svh - 58px);min-height:650px;max-height:760px;background:#f2eadf}
  .hero>img{inset:0 0 auto 0;width:100%;height:43%;object-position:50% 48%;filter:none}
  .hero-copy{left:22px;right:22px;top:auto;bottom:18px;width:auto;max-width:none}
  .hero h1{font-size:clamp(37px,10.4vw,43px);line-height:.96;margin-bottom:9px}
  .hero .lead{font-size:15px;line-height:1.36;margin-bottom:13px}
  .hero .button{min-height:44px}
  .hero .location{margin-top:11px}
}

/* HERO v4 — finalna korekta pierwszego ekranu */
.header{
  background:rgba(244,235,220,.88);
  -webkit-backdrop-filter:blur(7px);
  backdrop-filter:blur(7px);
}
.header nav a{color:#241f1b;text-shadow:none}
.hero{height:min(680px,100svh);min-height:560px}
.hero-copy{top:52%}
.hero h1{margin-bottom:17px}
.hero .lead{margin-bottom:20px}
.hero .location{margin-top:18px}

@media(max-width:980px){
  .hero{height:min(680px,100svh);min-height:580px}
}

@media(max-width:640px){
  .header{background:rgba(244,235,220,.88)}
  .hero{height:calc(100svh - 58px);min-height:620px;max-height:720px}
  .hero-copy{bottom:18px}
}

/* HERO v5 — dokładnie jeden viewport */
@media(min-width:981px){
  .header{
    background:rgba(238,226,208,.9);
    -webkit-backdrop-filter:blur(5px);
    backdrop-filter:blur(5px);
  }
  .hero{
    height:100vh;
    height:100svh;
    min-height:0;
    max-height:none;
  }
  .hero>img{
    object-fit:cover;
    object-position:center 42%;
  }
  .hero-copy{
    top:calc(72px + (100svh - 72px)/2);
    transform:translateY(-50%);
    width:min(42vw,570px);
    padding:26px 30px 24px;
    background:linear-gradient(90deg,rgba(242,231,214,.92),rgba(242,231,214,.86));
    -webkit-backdrop-filter:blur(4px);
    backdrop-filter:blur(4px);
  }
}

@media(min-width:981px) and (max-height:700px){
  .hero-copy{padding:20px 26px 19px}
  .hero h1{font-size:clamp(42px,4vw,56px);margin-bottom:13px}
  .hero .lead{font-size:16px;line-height:1.38;margin-bottom:15px}
  .hero .button{min-height:44px}
  .hero .location{margin-top:13px}
  .hero .reassurance{font-size:13px}
}

@media(max-width:980px){
  .hero{height:calc(100svh - 58px);min-height:0;max-height:none}
}

@media(max-width:640px){
  .hero{height:calc(100svh - 58px);min-height:0;max-height:none}
}

/* HERO v6 — ścisły viewport, bez panelu tekstowego */
.hero{
  height:100dvh;
  min-height:0;
  max-height:100dvh;
  overflow:hidden;
  margin:0;
  padding:0;
}
.hero>img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 38%;
}
.hero-mist{
  display:block;
  inset:0 auto 0 0;
  width:min(68vw,980px);
  height:100%;
  background:linear-gradient(90deg,rgba(244,232,214,.38) 0%,rgba(244,232,214,.12) 42%,rgba(244,232,214,0) 65%);
  pointer-events:none;
}
.header{
  height:72px;
  position:absolute;
  top:0;
  width:100%;
  z-index:20;
  background:rgba(245,236,222,.82);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  border-bottom:0;
  box-shadow:none;
}
.header::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:100%;
  height:26px;
  background:linear-gradient(180deg,rgba(245,236,222,.40),rgba(245,236,222,0));
  pointer-events:none;
}
.header.open{
  position:absolute;
  background:rgba(245,236,222,.82);
}

@media(min-width:981px){
  .hero-copy{
    left:clamp(24px,5vw,80px);
    top:clamp(134px,calc(12dvh + 50px),158px);
    width:min(39vw,520px);
    max-width:520px;
    padding:0;
    background:none;
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
    transform:none;
  }
  .hero h1{font-size:56px;line-height:1;margin:0 0 18px}
  .hero .lead{font-size:18px;line-height:1.4;margin:0 0 22px}
  .hero .button{min-height:46px}
  .hero .location{margin:16px 0 8px}
  .hero .reassurance{line-height:1.35}
}

@media(min-width:981px) and (max-height:800px){
  .hero-copy{top:132px}
  .hero h1{font-size:54px;line-height:.98;margin-bottom:14px}
  .hero .lead{font-size:18px;line-height:1.35;margin-bottom:18px}
  .hero .button{min-height:44px;padding-inline:24px}
  .hero .location{margin:12px 0 6px}
  .hero .reassurance{font-size:13px}
}

@media(max-width:980px){
  .hero{height:100dvh;min-height:0;max-height:100dvh}
  .hero>img{inset:0;width:100%;height:100%;object-fit:cover;object-position:53% 38%}
  .hero-mist{inset:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(244,232,214,.38) 0%,rgba(244,232,214,.12) 42%,rgba(244,232,214,0) 65%)}
  .hero-copy{left:clamp(22px,5vw,48px);right:clamp(22px,5vw,48px);top:51%;bottom:auto;width:min(70vw,520px);max-width:520px;padding:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;transform:translateY(-50%)}
}

@media(max-width:640px){
  .header{height:72px;background:rgba(245,236,222,.82);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
  .hero{height:100dvh;min-height:0;max-height:100dvh}
  .hero>img{inset:0;width:100%;height:100%;object-fit:cover;object-position:54% 40%}
  .hero-mist{background:linear-gradient(90deg,rgba(244,232,214,.38) 0%,rgba(244,232,214,.12) 42%,rgba(244,232,214,0) 65%)}
  .hero-copy{left:22px;right:22px;top:48%;bottom:auto;width:auto;max-width:370px;transform:translateY(-50%)}
  .hero h1{font-size:clamp(37px,10.2vw,43px);line-height:.96;margin-bottom:9px}
  .hero .lead{font-size:15px;line-height:1.34;margin-bottom:13px}
  .hero .button{min-height:42px}
  .hero .location{margin:11px 0 3px}
  .hero .reassurance{font-size:12px;line-height:1.3}
}

/* Uporządkowanie sekcji efektów i kompaktowy układ kart skóry */
.problems .section-head h2{
  white-space:normal;
}

.hero>img{
  z-index:0;
}

.hero-copy{
  z-index:2;
}

.hero-copy-panel{
  position:relative;
  isolation:isolate;
}

.hero h1{
  color:#3B2E27;
  font-family:"Manrope",sans-serif;
  font-weight:400;
}

.hero .lead{
  color:#3B2E27;
  font-family:"DM Sans",sans-serif;
}

.hero-lead-break{
  display:none;
}

@media(min-width:981px){
  .hero-lead-break{
    display:inline;
  }
  .hero h1{
    font-size:58px;
    line-height:.96;
  }
}

@media(min-width:981px) and (max-height:800px){
  .hero h1{
    font-size:56px;
    margin-bottom:12px;
  }
}

@media(min-width:981px){
  .problems .section-head h2{
    font-size:clamp(32px,3.3vw,44px);
    white-space:nowrap;
  }
}

.results{
  padding-top:clamp(64px,7vw,100px);
  padding-bottom:clamp(64px,7vw,100px);
}

.results .case-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px 18px;
}

@media(min-width:981px){
  .results .case-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}

.results .case-placeholder>div{
  aspect-ratio:4/3;
}

.results .case-real-case>.case-comparison{
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-rows:minmax(0,1fr);
  overflow:hidden;
  background:none;
}
.results .case-real-case .case-comparison-image{
  position:relative;
  min-width:0;
  min-height:0;
  overflow:hidden;
}
.results .case-real-case .case-comparison-image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.results .case-real-case.case-focused-crop .case-comparison-image:first-child img{
  object-fit:cover;
  object-position:20% center;
}
.results .case-real-case.case-focused-crop .case-comparison-image:last-child img{
  object-fit:cover;
  object-position:35% center;
}
.results .case-real-case .case-comparison-image span{
  position:absolute;
  inset:auto 0 0;
  padding:12px 15px;
  border:0;
  color:#fff;
  background:linear-gradient(transparent,rgba(0,0,0,.38));
}

@media(max-width:980px){
  .header nav{
    gap:18px;
  }
  .results .case-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:640px){
  .hero-mist{
    display:none;
  }
  .problems .section-head h2{
    white-space:normal;
  }
  .results .case-grid .case-placeholder:nth-child(3){
    display:block;
  }
}

@media(max-width:480px){
  .results .case-grid{
    grid-template-columns:1fr;
  }
}

.about .portrait-placeholder{
  padding:0;
  overflow:hidden;
}
.about .portrait-placeholder img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}

.permanent-makeup{
  display:block;
  overflow:hidden;
  padding-top:20px;
  padding-bottom:30px;
  scroll-margin-top:72px;
}
.permanent-copy{
  max-width:760px;
  margin-bottom:14px;
}
.permanent-copy h2{
  margin-bottom:8px;
}
.permanent-copy p{
  max-width:720px;
  margin:0 0 6px;
  color:var(--muted);
  font-size:18px;
}
.permanent-copy strong{
  color:var(--ink);
  font-weight:500;
}
.permanent-gallery{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.permanent-item{
  min-width:0;
  padding:0;
  border:0;
  background:transparent;
  color:inherit;
  text-align:left;
  font:inherit;
  cursor:pointer;
  transition:opacity .2s ease,transform .2s ease;
}
.permanent-item:hover{
  opacity:.94;
  transform:translateY(-2px);
}
.permanent-item:focus-visible{
  outline:1px solid var(--ink);
  outline-offset:5px;
}
.permanent-image{
  width:100%;
  height:142px;
  aspect-ratio:auto;
  background:linear-gradient(145deg,#ded9cf,#cfc7bb);
  border:1px solid var(--line);
}
.permanent-image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.permanent-item h3{
  margin:6px 0 0;
  font:500 12px/1.3 "Manrope",sans-serif;
  letter-spacing:.14em;
}
.permanent-category-detail{
  max-width:780px;
  margin-top:18px;
  padding-top:22px;
  border-top:1px solid var(--line);
}
.permanent-category-detail[hidden]{display:none}
#permanent-brwi{max-width:none}
#permanent-usta{max-width:none}
#permanent-kreski{max-width:none}
.permanent-category-detail>h3{
  margin:0 0 16px;
  font:300 34px/1.08 "Manrope",sans-serif;
  letter-spacing:-.03em;
}
.permanent-category-detail>p{
  max-width:740px;
  margin:0 0 10px;
  color:var(--muted);
  font-size:17px;
}
.permanent-category-detail strong{
  color:var(--ink);
  font-weight:500;
}
.permanent-category-detail h4{
  margin:20px 0 10px;
  font:500 12px/1.3 "Manrope",sans-serif;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.permanent-realizations{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.permanent-realizations figure{
  margin:0;
  aspect-ratio:21/10;
  overflow:hidden;
}
.permanent-realizations img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.permanent-realizations figure:nth-child(1) img{object-position:50% 38%}
.permanent-realizations figure:nth-child(2) img{object-position:50% 50%}
.permanent-realizations figure:nth-child(3) img{object-position:50% 44%}
#permanent-usta .permanent-realizations figure:nth-child(1) img{object-position:50% 0%}
#permanent-usta .permanent-realizations figure:nth-child(2) img{object-position:50% 0%}
#permanent-usta .permanent-realizations figure:nth-child(3) img{object-position:50% 0%}
.permanent-category-detail .permanent-price{
  margin:16px 0 4px;
}
#permanent-kreski .permanent-price+.permanent-price{margin-top:0}
.permanent-category-detail .permanent-price-note{
  margin:0 0 16px;
  font-size:14px;
  line-height:1.6;
}
.permanent-visit{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  column-gap:40px;
  margin-top:16px;
  padding-top:18px;
  border-top:1px solid var(--line);
}
.permanent-visit h3{
  grid-column:1;
  margin:0 0 10px;
  font:300 24px/1.15 "Manrope",sans-serif;
  letter-spacing:-.025em;
}
.permanent-steps{
  grid-column:1;
  margin:0 0 6px;
  font-size:15px;
  letter-spacing:.035em;
}
.permanent-note{
  grid-column:1;
  max-width:760px;
  margin:0;
  color:var(--muted);
  font-size:16px;
}
.permanent-visit .button{
  grid-column:2;
  grid-row:1/4;
  align-self:center;
}
.permanent-visit strong{
  font-weight:500;
}

@media(max-width:640px){
  .permanent-makeup{padding-top:64px;padding-bottom:64px}
  .permanent-copy{margin-bottom:32px}
  .permanent-copy p{font-size:16px}
  .permanent-gallery{grid-template-columns:1fr;gap:30px}
  .permanent-image{height:auto;aspect-ratio:4/3}
  .permanent-category-detail{margin-top:30px;padding-top:26px}
  .permanent-category-detail>h3{font-size:32px}
  .permanent-category-detail>p{font-size:16px}
  .permanent-realizations{grid-template-columns:1fr;gap:10px}
  .permanent-visit{display:block;margin-top:44px;padding-top:30px}
  .permanent-steps{line-height:1.8}
  .permanent-note{font-size:16px;margin-bottom:20px}
}

.acne-detail{
  scroll-margin-top:0;
  background:var(--cream);
  padding-top:92px;
  padding-bottom:56px;
}
.acne-detail[hidden]{
  display:none;
}
.acne-detail-copy{
  max-width:780px;
}
.acne-detail-copy h2{
  max-width:700px;
  margin:0 0 20px;
  font-size:clamp(36px,3.4vw,46px);
  line-height:1.05;
}
.acne-detail-copy p{
  max-width:740px;
  margin:0 0 12px;
  color:var(--muted);
  font-size:18px;
}
.acne-detail-copy strong{
  color:var(--ink);
  font-weight:500;
}
.acne-detail-copy .visit-cost{
  margin:18px 0 4px;
  color:var(--ink);
  font-size:17px;
  line-height:1.4;
}
.acne-detail-copy .visit-cost-note{
  max-width:740px;
  margin:0 0 18px;
  color:var(--muted);
  font-size:15px;
  line-height:1.5;
}
.acne-detail-copy .button{
  margin-top:8px;
}
#rumien .therapy-methods{
  max-width:780px;
  margin:26px 0 24px;
}
#rumien .therapy-methods h3{
  max-width:740px;
  margin:0 0 10px;
  color:var(--ink);
  font-size:clamp(24px,2.4vw,30px);
  font-weight:500;
  line-height:1.2;
}
#rumien .therapy-types{
  margin-top:24px;
}
#rumien .therapy-types-group + .therapy-types-group{
  margin-top:26px;
}
#rumien .therapy-types-label{
  margin:0 0 7px;
  color:var(--muted);
  font-size:12px;
  font-weight:500;
  letter-spacing:.1em;
  line-height:1.5;
}
#rumien .therapy-brands{
  margin:0;
  color:var(--ink);
  font-size:clamp(20px,2.4vw,24px);
  line-height:1.4;
}
#rumien .therapy-methods-list{
  margin:0;
  color:var(--ink);
  font-size:18px;
  line-height:1.6;
}
#rumien .therapy-methods .therapy-methods-note{
  margin:26px 0 0;
  color:var(--ink);
  font-size:17px;
  line-height:1.5;
}
#rumien .therapy-methods .therapy-methods-note strong{
  font-weight:500;
}
#rumien .consultation-beauty-plan{
  max-width:740px;
  margin:28px 0 26px;
  padding:22px 24px;
  border:1px solid color-mix(in srgb,var(--ink) 16%,transparent);
  background:color-mix(in srgb,var(--cream) 76%,#eadbd5);
  color:var(--ink);
}
#rumien .consultation-beauty-plan-eyebrow{
  margin:0 0 8px;
  color:var(--muted);
  font-size:11px;
  font-weight:500;
  letter-spacing:.13em;
  line-height:1.5;
}
#rumien .consultation-beauty-plan h3{
  margin:0 0 8px;
  color:var(--ink);
  font-size:clamp(22px,2.5vw,28px);
  font-weight:400;
  line-height:1.2;
}
#rumien .consultation-beauty-plan-intro{
  margin:0 0 17px;
  color:var(--muted);
  font-size:16px;
  line-height:1.5;
}
#rumien .consultation-beauty-plan-price{
  margin:0 0 4px;
  color:var(--ink);
  font-size:18px;
  font-weight:500;
  letter-spacing:.03em;
  line-height:1.4;
}
#rumien .consultation-beauty-plan-value{
  margin:3px 0 4px;
  color:var(--ink);
  font-size:16px;
  font-weight:600;
  letter-spacing:.06em;
  line-height:1.45;
}
#rumien .consultation-beauty-plan-delivery{
  margin:0;
  color:var(--muted);
  font-size:14px;
  line-height:1.5;
}
#rumien .consultation-beauty-plan-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:16px 22px;
  margin-top:22px;
}
#rumien .consultation-beauty-plan-toggle{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:0 0 4px;
  border:0;
  border-bottom:1px solid color-mix(in srgb,var(--ink) 48%,transparent);
  background:transparent;
  color:var(--ink);
  cursor:pointer;
  font-family:inherit;
  font-size:11px;
  font-weight:500;
  line-height:1.5;
  letter-spacing:.1em;
  text-align:left;
}
#rumien .consultation-beauty-plan-toggle:focus-visible{
  outline:1px solid var(--ink);
  outline-offset:4px;
}
#rumien .consultation-beauty-plan-arrow{
  font-size:14px;
  letter-spacing:0;
}
#rumien .consultation-beauty-plan-actions .button,
#rumien .consultation-beauty-plan-footer .button{
  max-width:100%;
  margin:0;
  white-space:normal;
  text-align:center;
  line-height:1.4;
}
#rumien .consultation-beauty-plan-details{
  display:grid;
  grid-template-rows:0fr;
  margin-top:0;
  opacity:0;
  transition:grid-template-rows .36s ease,opacity .24s ease,margin-top .36s ease;
}
#rumien .consultation-beauty-plan-details[hidden]{
  display:none;
}
#rumien .consultation-beauty-plan-details.is-open{
  grid-template-rows:1fr;
  margin-top:22px;
  opacity:1;
}
#rumien .consultation-beauty-plan-details-inner{
  min-height:0;
  overflow:hidden;
  padding-top:20px;
  border-top:1px solid color-mix(in srgb,var(--ink) 18%,transparent);
}
#rumien .consultation-beauty-plan-details-inner h4{
  margin:0 0 8px;
  color:var(--ink);
  font-size:21px;
  font-weight:500;
  line-height:1.35;
}
#rumien .consultation-beauty-plan-details-inner h5{
  margin:22px 0 9px;
  color:var(--ink);
  font-size:13px;
  font-weight:500;
  line-height:1.5;
}
#rumien .consultation-beauty-plan-details-inner p{
  margin:0 0 12px;
  color:var(--muted);
  font-size:15px;
  line-height:1.55;
}
#rumien .consultation-beauty-plan-details-inner ul{
  display:grid;
  grid-template-columns:1fr;
  gap:7px 28px;
  margin:0;
  padding-left:19px;
  color:var(--muted);
  font-size:14px;
  line-height:1.5;
}
#rumien .consultation-beauty-plan-details-inner .consultation-beauty-plan-pdf{
  margin:20px 0 0;
  color:var(--ink);
  font-weight:500;
}
#rumien .consultation-beauty-plan-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:16px;
  margin-top:20px;
  padding-top:16px;
  border-top:1px solid color-mix(in srgb,var(--ink) 18%,transparent);
}
#rumien .consultation-beauty-plan-footer p{
  margin:0;
  color:var(--ink);
  font-size:15px;
  font-weight:500;
  letter-spacing:.06em;
}
#rumien .rumien-therapies-title{
  margin:32px 0 12px;
  color:var(--ink);
  font-size:clamp(23px,2.3vw,28px);
  font-weight:500;
  line-height:1.2;
}
#rumien .rumien-therapy-description{
  margin:0;
  color:var(--muted);
  font-size:16px;
  line-height:1.55;
}
#rumien .rumien-therapy-description + .rumien-therapies-prices{
  margin-top:22px;
}
#rumien .rumien-therapies-prices{
  margin:0 0 8px;
  color:var(--ink);
  font-size:19px;
  font-weight:500;
  line-height:1.5;
}
#rumien .visit-cost-note + .consultation-beauty-plan{
  margin-top:48px;
}
:is(#tradzik, #przebarwienia, #bariera, #skora-dojrzala) .therapy-methods{
  max-width:780px;
  margin:26px 0 24px;
}
:is(#tradzik, #przebarwienia, #bariera, #skora-dojrzala) .therapy-methods h3{
  max-width:740px;
  margin:0 0 10px;
  color:var(--ink);
  font-size:clamp(24px,2.4vw,30px);
  font-weight:500;
  line-height:1.2;
}
:is(#tradzik, #przebarwienia, #bariera, #skora-dojrzala) .therapy-types{
  margin-top:24px;
}
:is(#tradzik, #przebarwienia, #bariera, #skora-dojrzala) .therapy-types-group + .therapy-types-group{
  margin-top:26px;
}
:is(#tradzik, #przebarwienia, #bariera, #skora-dojrzala) .therapy-types-label{
  margin:0 0 7px;
  color:var(--muted);
  font-size:12px;
  font-weight:500;
  letter-spacing:.1em;
  line-height:1.5;
}
:is(#tradzik, #przebarwienia, #bariera, #skora-dojrzala) .therapy-brands{
  margin:0;
  color:var(--ink);
  font-size:clamp(20px,2.4vw,24px);
  line-height:1.4;
}
:is(#tradzik, #przebarwienia, #bariera, #skora-dojrzala) .therapy-methods-list{
  margin:0;
  color:var(--ink);
  font-size:18px;
  line-height:1.6;
}
:is(#tradzik, #przebarwienia, #bariera, #skora-dojrzala) .therapy-methods .therapy-methods-note{
  margin:26px 0 0;
  color:var(--ink);
  font-size:17px;
  line-height:1.5;
}
:is(#tradzik, #przebarwienia, #bariera, #skora-dojrzala) .therapy-methods .therapy-methods-note strong{
  font-weight:500;
}
:is(#tradzik, #przebarwienia, #bariera, #skora-dojrzala) .tradzik-therapy-footnote{
  margin:8px 0 0;
  color:var(--muted);
  font-size:13px;
  line-height:1.5;
}
:is(#tradzik, #przebarwienia, #bariera, #skora-dojrzala) .consultation-beauty-plan{
  max-width:740px;
  margin:28px 0 26px;
  padding:22px 24px;
  border:1px solid color-mix(in srgb,var(--ink) 16%,transparent);
  background:color-mix(in srgb,var(--cream) 76%,#eadbd5);
  color:var(--ink);
}
:is(#tradzik, #przebarwienia, #bariera, #skora-dojrzala) .consultation-beauty-plan-eyebrow{
  margin:0 0 8px;
  color:var(--muted);
  font-size:11px;
  font-weight:500;
  letter-spacing:.13em;
  line-height:1.5;
}
:is(#tradzik, #przebarwienia, #bariera, #skora-dojrzala) .consultation-beauty-plan h3{
  margin:0 0 8px;
  color:var(--ink);
  font-size:clamp(22px,2.5vw,28px);
  font-weight:400;
  line-height:1.2;
}
:is(#tradzik, #przebarwienia, #bariera, #skora-dojrzala) .consultation-beauty-plan-intro{
  margin:0 0 17px;
  color:var(--muted);
  font-size:16px;
  line-height:1.5;
}
:is(#tradzik, #przebarwienia, #bariera, #skora-dojrzala) .consultation-beauty-plan-price{
  margin:0 0 4px;
  color:var(--ink);
  font-size:18px;
  font-weight:500;
  letter-spacing:.03em;
  line-height:1.4;
}
:is(#tradzik, #przebarwienia, #bariera, #skora-dojrzala) .consultation-beauty-plan-value{
  margin:3px 0 4px;
  color:var(--ink);
  font-size:16px;
  font-weight:600;
  letter-spacing:.06em;
  line-height:1.45;
}
:is(#tradzik, #przebarwienia, #bariera, #skora-dojrzala) .consultation-beauty-plan-delivery{
  margin:0;
  color:var(--muted);
  font-size:14px;
  line-height:1.5;
}
:is(#tradzik, #przebarwienia, #bariera, #skora-dojrzala) .consultation-beauty-plan-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:16px 22px;
  margin-top:22px;
}
:is(#tradzik, #przebarwienia, #bariera, #skora-dojrzala) .consultation-beauty-plan-toggle{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:0 0 4px;
  border:0;
  border-bottom:1px solid color-mix(in srgb,var(--ink) 48%,transparent);
  background:transparent;
  color:var(--ink);
  cursor:pointer;
  font-family:inherit;
  font-size:11px;
  font-weight:500;
  line-height:1.5;
  letter-spacing:.1em;
  text-align:left;
}
:is(#tradzik, #przebarwienia, #bariera, #skora-dojrzala) .consultation-beauty-plan-toggle:focus-visible{
  outline:1px solid var(--ink);
  outline-offset:4px;
}
:is(#tradzik, #przebarwienia, #bariera, #skora-dojrzala) .consultation-beauty-plan-arrow{
  font-size:14px;
  letter-spacing:0;
}
:is(#tradzik, #przebarwienia, #bariera, #skora-dojrzala) .consultation-beauty-plan-actions .button,
:is(#tradzik, #przebarwienia, #bariera, #skora-dojrzala) .consultation-beauty-plan-footer .button{
  max-width:100%;
  margin:0;
  white-space:normal;
  text-align:center;
  line-height:1.4;
}
:is(#tradzik, #przebarwienia, #bariera, #skora-dojrzala) .consultation-beauty-plan-details{
  display:grid;
  grid-template-rows:0fr;
  margin-top:0;
  opacity:0;
  transition:grid-template-rows .36s ease,opacity .24s ease,margin-top .36s ease;
}
:is(#tradzik, #przebarwienia, #bariera, #skora-dojrzala) .consultation-beauty-plan-details[hidden]{
  display:none;
}
:is(#tradzik, #przebarwienia, #bariera, #skora-dojrzala) .consultation-beauty-plan-details.is-open{
  grid-template-rows:1fr;
  margin-top:22px;
  opacity:1;
}
:is(#tradzik, #przebarwienia, #bariera, #skora-dojrzala) .consultation-beauty-plan-details-inner{
  min-height:0;
  overflow:hidden;
  padding-top:20px;
  border-top:1px solid color-mix(in srgb,var(--ink) 18%,transparent);
}
:is(#tradzik, #przebarwienia, #bariera, #skora-dojrzala) .consultation-beauty-plan-details-inner h4{
  margin:0 0 8px;
  color:var(--ink);
  font-size:21px;
  font-weight:500;
  line-height:1.35;
}
:is(#tradzik, #przebarwienia, #bariera, #skora-dojrzala) .consultation-beauty-plan-details-inner h5{
  margin:22px 0 9px;
  color:var(--ink);
  font-size:13px;
  font-weight:500;
  line-height:1.5;
}
:is(#tradzik, #przebarwienia, #bariera, #skora-dojrzala) .consultation-beauty-plan-details-inner p{
  margin:0 0 12px;
  color:var(--muted);
  font-size:15px;
  line-height:1.55;
}
:is(#tradzik, #przebarwienia, #bariera, #skora-dojrzala) .consultation-beauty-plan-details-inner ul{
  display:grid;
  grid-template-columns:1fr;
  gap:7px 28px;
  margin:0;
  padding-left:19px;
  color:var(--muted);
  font-size:14px;
  line-height:1.5;
}
:is(#tradzik, #przebarwienia, #bariera, #skora-dojrzala) .consultation-beauty-plan-details-inner .consultation-beauty-plan-pdf{
  margin:20px 0 0;
  color:var(--ink);
  font-weight:500;
}
:is(#tradzik, #przebarwienia, #bariera, #skora-dojrzala) .consultation-beauty-plan-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:16px;
  margin-top:20px;
  padding-top:16px;
  border-top:1px solid color-mix(in srgb,var(--ink) 18%,transparent);
}
:is(#tradzik, #przebarwienia, #bariera, #skora-dojrzala) .consultation-beauty-plan-footer p{
  margin:0;
  color:var(--ink);
  font-size:15px;
  font-weight:500;
  letter-spacing:.06em;
}
:is(#tradzik, #przebarwienia, #bariera, #skora-dojrzala) .rumien-therapies-title{
  margin:32px 0 12px;
  color:var(--ink);
  font-size:clamp(23px,2.3vw,28px);
  font-weight:500;
  line-height:1.2;
}
:is(#tradzik, #przebarwienia, #bariera, #skora-dojrzala) .rumien-therapy-description{
  margin:0;
  color:var(--muted);
  font-size:16px;
  line-height:1.55;
}
:is(#tradzik, #przebarwienia, #bariera, #skora-dojrzala) .rumien-therapy-description + .rumien-therapies-prices{
  margin-top:22px;
}
:is(#tradzik, #przebarwienia, #bariera, #skora-dojrzala) .rumien-therapies-prices{
  margin:0 0 8px;
  color:var(--ink);
  font-size:19px;
  font-weight:500;
  line-height:1.5;
}
:is(#tradzik, #przebarwienia, #bariera, #skora-dojrzala) .visit-cost-note + .consultation-beauty-plan{
  margin-top:48px;
}
@media(max-width:640px){
  :is(#tradzik, #przebarwienia, #bariera, #skora-dojrzala) .consultation-beauty-plan{padding:19px 17px}
  :is(#tradzik, #przebarwienia, #bariera, #skora-dojrzala) .consultation-beauty-plan-actions{align-items:flex-start;flex-direction:column}
  :is(#tradzik, #przebarwienia, #bariera, #skora-dojrzala) .consultation-beauty-plan-footer{align-items:flex-start;flex-direction:column}
}
@media(min-width:981px){
  :is(#tradzik, #przebarwienia, #bariera, #skora-dojrzala) .consultation-beauty-plan-details-inner ul{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(prefers-reduced-motion:reduce){
  :is(#tradzik, #przebarwienia, #bariera, #skora-dojrzala) .consultation-beauty-plan-details{
    transition:none;
  }
}
#nie-wiem .beauty-plan-price{
  margin:10px 0 3px;
  color:var(--ink);
  font-size:16px;
  letter-spacing:.04em;
}
#nie-wiem .beauty-plan-meta{
  margin:0 0 24px;
  color:var(--muted);
  font-size:13px;
  line-height:1.5;
}
#nie-wiem .beauty-plan-lead{
  margin-top:20px;
  font-size:20px;
  line-height:1.5;
}
#nie-wiem .beauty-plan-lead strong{
  font-weight:500;
}
#nie-wiem .beauty-plan-analysis,
#nie-wiem .beauty-plan-product{
  margin-top:30px;
  padding-top:22px;
  border-top:1px solid color-mix(in srgb,var(--ink) 20%,transparent);
}
#nie-wiem .beauty-plan-analysis h3,
#nie-wiem .beauty-plan-product h3,
#nie-wiem .beauty-plan-product h4,
#nie-wiem .beauty-plan-facts dt{
  margin:0 0 12px;
  color:var(--ink);
  font-size:12px;
  font-weight:500;
  letter-spacing:.1em;
  line-height:1.5;
}
#nie-wiem .beauty-plan-analysis p,
#nie-wiem .beauty-plan-product > p:not(.beauty-plan-subtitle){
  margin:0 0 16px;
  color:var(--muted);
  font-size:16px;
  line-height:1.6;
}
#nie-wiem .beauty-plan-analysis ul,
#nie-wiem .beauty-plan-product ul{
  display:grid;
  grid-template-columns:1fr;
  gap:8px 30px;
  margin:0;
  padding-left:19px;
  color:var(--muted);
  font-size:15px;
  line-height:1.55;
}
#nie-wiem .beauty-plan-product{
  margin-top:38px;
  padding-top:26px;
}
#nie-wiem .beauty-plan-product h3{
  font-size:clamp(18px,2vw,22px);
  line-height:1.35;
}
#nie-wiem .beauty-plan-product .beauty-plan-subtitle{
  margin:0 0 12px;
  color:var(--ink);
  font-size:19px;
  line-height:1.5;
}
#nie-wiem .beauty-plan-product .beauty-plan-subtitle strong{
  font-weight:500;
}
#nie-wiem .beauty-plan-product h4{
  margin-top:22px;
}
#nie-wiem .beauty-plan-facts{
  display:grid;
  grid-template-columns:1fr;
  gap:18px;
  margin:34px 0 26px;
}
#nie-wiem .beauty-plan-facts div{
  padding-top:12px;
  border-top:1px solid color-mix(in srgb,var(--ink) 20%,transparent);
}
#nie-wiem .beauty-plan-facts dt{
  margin-bottom:5px;
}
#nie-wiem .beauty-plan-facts dd{
  margin:0;
  color:var(--ink);
  font-size:16px;
  line-height:1.5;
}
#nie-wiem .beauty-plan-therapy-note{
  margin:0 0 18px;
  color:var(--muted);
  font-size:14px;
  line-height:1.5;
}
.acne-detail-close{
  display:block;
  margin-top:22px;
  padding:0 0 5px;
  border:0;
  border-bottom:1px solid currentColor;
  background:transparent;
  color:var(--ink);
  cursor:pointer;
  font-family:inherit;
}
@media(max-width:640px){
  .acne-detail{padding-top:86px;padding-bottom:58px}
  .acne-detail-copy h2{font-size:36px;margin-bottom:18px}
  .acne-detail-copy p{font-size:16px}
  #rumien .consultation-beauty-plan{padding:19px 17px}
  #rumien .consultation-beauty-plan-actions{align-items:flex-start;flex-direction:column}
  #rumien .consultation-beauty-plan-footer{align-items:flex-start;flex-direction:column}
}
@media(min-width:981px){
  #rumien .consultation-beauty-plan-details-inner ul{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  #nie-wiem .beauty-plan-analysis ul,
  #nie-wiem .beauty-plan-product ul{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  #nie-wiem .beauty-plan-facts{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:24px;
  }
}
@media(prefers-reduced-motion:reduce){
  #rumien .consultation-beauty-plan-details{
    transition:none;
  }
}

/* Rozwinięcie elektroepilacji — tylko w liście pozostałych zabiegów */
.treatment-list .treatment-accordion-toggle{
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
  min-height:92px;
  padding:18px 2px;
  border:0;
  border-bottom:1px solid var(--line);
  background:transparent;
  color:inherit;
  text-align:left;
  font:400 clamp(18px,2vw,27px) "Manrope",sans-serif;
  cursor:pointer;
  transition:padding .25s ease;
}
.treatment-list .treatment-accordion-toggle:hover{padding-left:18px}
.treatment-accordion-toggle:focus-visible{outline:1px solid var(--forest);outline-offset:4px}
.treatment-accordion-toggle b{display:inline-block;transition:transform .3s ease}
.treatment-accordion.is-open .treatment-accordion-toggle b{transform:rotate(90deg)}
.treatment-accordion-panel{
  display:grid;
  grid-template-rows:0fr;
  opacity:0;
  visibility:hidden;
  transition:grid-template-rows .45s ease,opacity .3s ease,visibility 0s .45s;
}
.treatment-accordion.is-open .treatment-accordion-panel{
  grid-template-rows:1fr;
  opacity:1;
  visibility:visible;
  transition:grid-template-rows .45s ease,opacity .3s ease,visibility 0s;
}
.treatment-accordion-panel-inner{min-height:0;overflow:hidden}
.treatment-detail-layout{
  display:grid;
  grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);
  gap:clamp(30px,4.5vw,64px);
  align-items:start;
  padding:38px 2px 44px;
  border-bottom:1px solid var(--line);
}
.treatment-detail-image{display:block;width:100%;height:auto}
.treatment-detail-copy h3{
  margin:0 0 18px;
  font:300 clamp(28px,2.5vw,36px)/1.15 "Manrope",sans-serif;
  letter-spacing:-.025em;
}
.treatment-detail-copy p{margin:0 0 26px;font-size:16px;line-height:1.65;color:var(--muted)}
.treatment-detail-copy h4{margin:0 0 12px;font-size:11px;font-weight:500;letter-spacing:.18em}
.treatment-detail-prices{list-style:none;margin:0 0 27px;padding:0;font-size:15px;line-height:1.6}
.treatment-detail-prices li+li{margin-top:7px}
.treatment-list .treatment-detail-copy .treatment-booking{
  display:inline-flex;
  min-height:52px;
  padding:0 27px;
  border:1px solid var(--forest);
  font:500 12px "DM Sans",sans-serif;
  color:var(--white);
}
.treatment-list .treatment-booking:hover{padding-left:27px}
@media(max-width:640px){
  .treatment-list .treatment-accordion-toggle{min-height:82px}
  .treatment-detail-layout{grid-template-columns:1fr;gap:26px;padding:28px 2px 34px}
  .treatment-detail-copy h3{font-size:30px}
}
@media(prefers-reduced-motion:reduce){
  .treatment-accordion-panel,.treatment-accordion.is-open .treatment-accordion-panel,.treatment-accordion-toggle b{transition:none}
}

.treatment-lycon .lycon-price-group{
  margin-bottom:25px;
  padding-bottom:23px;
  border-bottom:1px solid var(--line);
}
.treatment-lycon .lycon-prices{margin:0}
.treatment-lycon .lycon-prices li{display:flex;justify-content:space-between;align-items:baseline;gap:16px}
.treatment-lycon .lycon-prices li span:first-child{min-width:0}
.treatment-lycon .lycon-prices li span:last-child{flex-shrink:0;white-space:nowrap}

@media(min-width:981px){
  .treatment-lycon .treatment-accordion-panel-inner{overflow:clip}
  .treatment-lycon .treatment-detail-image{position:sticky;top:32px}
}

.treatment-brows .brows-prices li{padding-bottom:18px;border-bottom:1px solid var(--line)}
.treatment-brows .brows-prices li+li{margin-top:18px}
.treatment-brows .brows-prices small{display:block;margin-top:6px;font-size:14px;line-height:1.6;color:var(--muted)}

.treatment-duo .duo-offer{padding:38px 2px 44px;border-bottom:1px solid var(--line)}
.treatment-duo .duo-intro{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  gap:clamp(30px,4.5vw,64px);
  align-items:start;
}
.treatment-duo .duo-lead{font-size:18px;color:var(--ink)}
.treatment-duo .duo-intro > .treatment-detail-image{
  aspect-ratio:4/3;
  object-fit:cover;
  object-position:center;
}
.treatment-duo .duo-intro p:last-child{margin-bottom:0}
.treatment-duo .duo-variants{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(24px,3vw,42px);
  margin-top:48px;
}
.treatment-duo .duo-variant{padding-top:26px;border-top:1px solid var(--line)}
.treatment-duo .duo-variant h4{min-height:18px;margin-bottom:16px}
.treatment-duo .duo-variant p{font-size:15px;margin-bottom:20px}
.treatment-duo .duo-variant .duo-price{
  margin-bottom:5px;
  font:300 clamp(23px,2vw,28px)/1.3 "Manrope",sans-serif;
  letter-spacing:-.025em;
  color:var(--ink);
}
.treatment-duo .duo-variant .duo-time{font-size:13px;margin-bottom:26px}
.treatment-duo .duo-variant .duo-includes-label{margin-bottom:10px;font-size:14px;color:var(--ink)}
.treatment-duo .duo-includes{padding-left:18px;margin:0 0 22px;font-size:14px;line-height:1.7;color:var(--muted)}
.treatment-duo .duo-includes li+li{margin-top:5px}
.treatment-duo .duo-note{font-size:14px}
.treatment-duo .duo-variant .duo-note{font-size:14px;margin-bottom:0}
.treatment-duo .duo-custom{margin-top:38px;padding-top:30px;border-top:1px solid var(--line)}
.treatment-duo .duo-custom p{max-width:760px}
.treatment-self .self-photo{
  aspect-ratio:4/3;
  object-fit:cover;
  object-position:50% 60%;
}
.treatment-self .self-lead{font-size:18px;color:var(--ink)}
.treatment-self .self-price{
  margin-bottom:5px;
  font:300 clamp(23px,2vw,28px)/1.3 "Manrope",sans-serif;
  letter-spacing:-.025em;
  color:var(--ink);
}
.treatment-self .self-time{font-size:13px;margin-bottom:26px}
.treatment-self .self-includes-label{margin-bottom:10px;font-size:14px;color:var(--ink)}
.treatment-self .self-includes{padding-left:18px;margin:0 0 27px;font-size:14px;line-height:1.7;color:var(--muted)}
.treatment-self .self-includes li+li{margin-top:5px}
@media(max-width:900px){
  .treatment-duo .duo-variants{grid-template-columns:1fr;gap:30px}
}
@media(max-width:640px){
  .treatment-duo .duo-offer{padding:28px 2px 34px}
  .treatment-duo .duo-intro{grid-template-columns:1fr;gap:26px}
  .treatment-duo .duo-variants{margin-top:34px}
}

.treatment-manicure .treatment-detail-copy h3{margin-bottom:8px}
.treatment-manicure .manicure-brand{
  margin-bottom:24px;
  font:300 21px/1.4 "Manrope",sans-serif;
  color:var(--ink);
}
.treatment-manicure .manicure-primary{margin-top:30px}
.treatment-manicure .manicure-primary h4{line-height:1.7}
.treatment-manicure .manicure-price{
  margin-bottom:22px;
  font:300 clamp(30px,2.6vw,36px)/1.2 "Manrope",sans-serif;
  letter-spacing:-.025em;
  color:var(--ink);
}
.treatment-manicure .manicure-includes-label{margin-bottom:10px;font-size:14px;color:var(--ink)}
.treatment-manicure .manicure-includes{margin:0;padding-left:18px;font-size:15px;line-height:1.7;color:var(--muted)}
.treatment-manicure .manicure-includes li+li{margin-top:5px}
.treatment-manicure .manicure-finishes{margin:32px 0;padding-top:26px;border-top:1px solid var(--line)}
.treatment-manicure .manicure-finishes>h4{margin-bottom:24px}
.treatment-manicure .manicure-finish+.manicure-finish{margin-top:22px;padding-top:22px;border-top:1px solid var(--line)}
.treatment-manicure .manicure-finish-heading{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:8px}
.treatment-manicure .manicure-finish-heading h5{margin:0;font:400 16px/1.5 "Manrope",sans-serif}
.treatment-manicure .manicure-finish-heading span{flex-shrink:0;font-size:13px;color:var(--muted)}
.treatment-manicure .manicure-finish p{margin:0;font-size:14px;line-height:1.7}

.treatments .treatment-list{margin-bottom:0}
.section.treatments{padding-bottom:72px}
@media(max-width:640px){
  .section.treatments{padding-bottom:48px}
}

/* Vouchery — osobna sekcja między miejscem a rezerwacją */
.voucher{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);
  align-items:center;
  gap:clamp(32px,5vw,72px);
  padding-block:clamp(64px,7vw,104px);
  background:var(--paper);
}
.voucher-image{margin:0;min-width:0}
.voucher-image img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
}
.voucher-copy{max-width:440px}
.voucher-copy .button{min-width:206.234375px}
@media(min-width:981px){
  #voucher-title .voucher-heading-line{display:block;white-space:nowrap}
}
.voucher-copy>p:not(.kicker){
  max-width:420px;
  margin:0 0 28px;
  color:var(--muted);
}
@media(max-width:980px){
  .voucher{grid-template-columns:minmax(0,1fr);gap:32px}
  .voucher-copy{max-width:580px}
  .voucher-copy>p:not(.kicker){max-width:520px}
}
@media(max-width:640px){
  .voucher{padding-block:64px}
}

/* Mobile-only refinements: retain the existing composition and image dimensions. */
@media(min-width:641px) and (max-width:980px){
  .hero-copy-panel::before{
    content:"";
    position:absolute;
    z-index:-1;
    inset:-16px -20px;
    border-radius:50%;
    background:radial-gradient(ellipse at 38% 48%,rgba(242,231,214,.27) 0%,rgba(242,231,214,.17) 46%,rgba(242,231,214,0) 78%);
    pointer-events:none;
  }
}

@media(max-width:980px){
  .problems .problem-grid.mobile-compact .problem-card{
    height:auto;
    min-height:0;
  }
  .problems .problem-grid.mobile-compact .problem-image{
    flex:0 0 var(--mobile-image-height);
    height:var(--mobile-image-height);
  }
  .problems .problem-grid.mobile-compact .problem-content{
    flex:0 0 auto;
    height:auto;
    min-height:0;
  }
  .problems .problem-grid.mobile-compact .problem-card strong{
    margin-top:20px;
  }
}

@media(max-width:640px){
  body{padding-bottom:calc(58px + env(safe-area-inset-bottom,0px))}
  .mobile-bar{bottom:env(safe-area-inset-bottom,0px)}
}

@media(max-width:767px){
  .hero-copy{
    top:clamp(92px,30dvh,205px);
    bottom:auto;
    transform:none;
  }
  .hero-copy-panel::before{
    content:"";
    position:absolute;
    z-index:-1;
    inset:-8px;
    border-radius:0;
    background:rgba(245,242,237,.195);
    -webkit-backdrop-filter:blur(3px);
    backdrop-filter:blur(3px);
    pointer-events:none;
  }
  .hero-copy>.button{
    position:absolute;
    top:calc(78dvh - clamp(92px,30dvh,205px));
    left:0;
  }
}

@media(max-width:767px){
  :is(h1,h2,h3,h4,h5,h6,[role="heading"],.heading,.section-title,[class*="heading"]){
    word-break:normal;
    overflow-wrap:normal;
    hyphens:none;
  }
  .acne-detail-copy h2{
    font-size:clamp(31px,9.5vw,36px);
  }
}

/* Keep the original intrinsic proportions when responsive files round pixel sizes. */
img:is([src*="photo-913b7cba412269b6-"],[src*="photo-59a5a26229651008-"],[src*="photo-17bb0722f6c533cd-"],[src*="photo-3467bcbe84da210a-"]){aspect-ratio:1369/1149}
img:is([src*="photo-0a434267c2cdf7fa-"],[src*="photo-f363ba37b30b0344-"]){aspect-ratio:1371/1148}
img[src*="photo-18643adaec0f2ce3-"]{aspect-ratio:1672/941}
img[src*="photo-abb451d26d943768-"]{aspect-ratio:1536/1024}

/* Local social icons: no third-party scripts or embedded widgets. */
.social-links{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.social-links--contact{display:flex;margin-top:20px}
.social-links a{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;border:1px solid var(--forest);border-radius:50%;color:var(--forest);opacity:1;text-decoration:none;transition:background-color .2s,border-color .2s}
.social-links a:hover{background:var(--cream);border-color:currentColor}
.social-links a:focus-visible{outline:2px solid var(--forest);outline-offset:4px}
.social-links svg{display:block;flex-shrink:0;stroke-width:1.8}